<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
	<link href="./resources/css/common.css" rel="stylesheet"
		type="text/css" />
	<script>
 
</script>
	<script language="javascript"
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript">

	 $(document).ready(function() {
		  
		 });

	</script>
</h:head>
<h:body>
	<h:form>
		<h:panelGrid id="panelTaskListId" columns="1">
			<rich:dataTable id="tableTaskListId" styleClass="datatable"
				value="#{projectBean.projectItems}" var="taskItem">
				<rich:column>
					<f:facet name="header"> Task List</f:facet>
					<h:inputText id="taskInputId" value="#{taskItem.description}"
						width="700" required="true">
						<f:ajax execute="taskInputId" render="tableTaskListId"
							event="change" listener="#{projectBean.newTaskItem}" />
					</h:inputText>

				</rich:column>
			</rich:dataTable>


		</h:panelGrid>
	</h:form>



</h:body>



</html>
